page{font-size: 28rpx;}
.padright20{padding-right: 40rpx;}
.marginleft20{
	margin-left: 40rpx;
}
.padleft20{
	padding-left: 40rpx;
}
.canvas-hide {
	        /* 1 */
	        position: fixed;
	        right: 100vw;
	        bottom: 100vh;
	        /* 2 */
	        z-index: -9999;
	        /* 3 */
	        opacity: 0;
	    }
.marginright20{margin-right: 40rpx;}
.tabr{
	 	background-color: #fff;
	 	width: 94%;
	 	height:84rpx;
	 	padding: 0 3%;
	 	// border-bottom: solid 1upx #dedede;
		border-top: 1rpx solid #F7F7F7;
	 	position: fixed;
	 	top: 0;
	 	z-index: 10;
	 	view{
	 		width:33.3333%;
	 		height:84rpx;
			line-height:84rpx;
	 		float: left;
	 		text-align: center;
	 		justify-content: center;
	 		align-items: center;
	 		font-size: 32upx;
	 		color: #222;
	 		
	 	}
	 	
	 }
	 .tabr .current {
	 	color: #69A4FE;
		position: relative;
		&::after{
			position: absolute;
			content: '';
			bottom: 0;
			width:96rpx;
			height: 8rpx;
			left: 50%;
			margin-left: -48rpx;
			background:#69A4FE;
		}
	 	//border-bottom: 1px solid #69A4FE;
	 }
	 .list{margin-top:34;}



.red-txt{
	color: #FF6052;
}
.blue-icon{
	color: #3894FF;
}
.get-btn{
	width: 120rpx;height: 56rpx;background: #3894FF;color:white;border-radius: 4rpx;line-height: 56rpx;text-align: center;
	&.complete{
		background: #7B7B7B;
	}
}

.gray-box{
	color: #7b7b7b !important;
	.iconfont{
		color: #7b7b7b !important;
	}
	.set-width{
		width: 400rpx !important;
	}
}

#qrcodePopup{
	.content{
		position: absolute;
		height: 100%;
		left: 0;right: 0;
		top: 0;
	}
}
.margin-all20{margin: 40rpx;}
.margintop28{
	margin-top: 56rpx;
}
.border-radius15{
	border-radius:30rpx;
}